<link rel="stylesheet" href="ccay/example/demo.css" type="text/css" />
<script type="text/javascript" src="ccay/example/demo.js" charset="utf-8"></script>
<script type="text/javascript" src="ccay/example/functionDemo/mail/mailDemo.js" />
<div id="mailTab">
	<div title="API">
		API具体实例详见<a onclick="Ccay.example.mail.gotoDemo()"><u>Demo</u></a>
	</div>
	<div title="Demo" tabid="mail">
		<h4><span>实例：</span></h4>
		<div style="float: left;" class="demo">
			<form id="bizForm1" >
				<span for="mailTo">Mail To:</span><input type="text" name="mailTo" style="width:280px"/> (Email)
				<br>
				<span>邮件重要性属性 :
					<input id="High" name="priority" type="radio" value="1"/>&nbsp;High
					<input id="Normal" name="priority" type="radio" value="0" checked="checked"/>&nbsp;Normal
					<input id="Low" name="priority" type="radio" value="5"/>&nbsp;Low
				</span>
				<br>
				<span>邮件header信息 :
					key<input id="key" name="headerKey" type="text" value="Disposition-Notification-To"/>
					value<input id="value" name="headerValue" type="text" value="ccay@163.com"/>
					<br>
					key:Disposition-Notification-To(邮件回执)
					value:ccay@ccay.org(邮件回执接受人)
				</span>
				<br>
				<input type="button" class="jbutton"
					onclick="Ccay.example.mail.sendMail()" value="Send Mail" />
				<br> 
				<span>由于信息安全原因，邮件内容和邮件标题由后台生成。</span>
			</form>
		</div>
		<div class="clear"></div>
		<br>
		<h3>html 源码:</h3>
		<div class="codeArea">
			<pre id='html'>
&lt;form id="bizForm">
	&lt;span for="mailTo">Mail To:&lt;/span>&lt;input type="text" name="mailTo" value="kaifa@163.com"/> (Email)
	&lt;br>
	&lt;span>邮件重要性属性 :
					&lt;input id="High" name="priority" type="radio" value="1"/>&nbsp;High
					&lt;input id="Normal" name="priority" type="radio" value="0" checked="checked"/>&nbsp;Normal
					&lt;input id="Low" name="priority" type="radio" value="5"/>&nbsp;Low
				&lt;/span>
	&lt;br>
	&lt;span>邮件header信息 :
					key&lt;input id="key" name="headerKey" type="text"/>
					value&lt;input id="value" name="headerValue" type="text"/>
	&lt;/span>
	&lt;br>
	&lt;input type="button" class="jbutton"
		onclick="Ccay.example.mail.sendMail()" value="Send Mail" /> &lt;span>由于信息安全原因，邮件内容和邮件标题由后台生成。&lt;/span>
&lt;/form>
			</pre>
		</div>
		<h3>js 源码:</h3>
		<div class="codeArea">
			<pre id='js'>
Ccay.Module.define("Ccay.example.mail",function(page,$S){ 
	page.sendMail=function(){
		 Ccay.doPost("services/ccay/demo/mail/single",$S("#bizForm").jsonData());
	}	 
});
			</pre>
		</div>
		<div>
			<a onclick="Ccay.example.openTry('#mailTab',$('#js').html(),$('#html').html())">试一试</a>
		</div>
	</div>
	<div title="outlook会议邮件 ">
		<h4><span>实例：</span></h4>
		<div style="float: left;" class="demo">
			<form id="meetingForm" >
				<span>Mail form:</span><input type="text" name="addresser" value=""/> (如果发送人邮箱为空，则使用认默认邮箱)<br><br>
				<span>Mail To:  </span><input id="subject" type="text" name="subject" value=""/>(mail 多人用,分开)
				<br><br>
				<span>开始时间(R):<span style="color: red;">*</span></span><input id="startDate" type="text" name="meetingStartDate" class="init ccay-calendar required datetime " format="datetime"/><br><br>
				<span>结束时间(D):<span style="color: red;">*</span></span><input id="endDate" type="text" name="meetingEndDate" class="init ccay-calendar required datetime " format="datetime"/><br><br>
				<input type="button" class="jbutton"
					onclick="Ccay.example.mail.sendMeetingMail()" value="Send MeetingMail" /> <span style="color: red">由于信息安全原因，邮件内容和邮件标题由后台生成。</span>
			</form> 
		</div>
	</div>
	<div title="试一试" tabid="trytab" >
	    <fieldset class='ccay-demo'>
	    <legend ><h2>代码区</h2></legend>
		   
		   <span>请在下面的文本框中编辑您的代码，然后单击此按钮测试结果  ————></span><input value="try it yourself" type="button" onclick="Ccay.example.runDemo()" /> 

				<div>
				    <table  style="width:100%;">
				      <tr>
				        <td style="width:100%;">
						<h3>js Code:</h3>	
						  <!-- 高度按需来调整。默认最小应为100px -->					
	                      <textarea id="jsTxt" style="height:100px;width:99%;"></textarea>
	                    </td>   
	                  </tr>
	                  <tr>
	                    <td style="width:100%;">
						<h3>html Code:</h3>
						  <!-- 高度按需来调整。默认最小应为100px -->
	                      <textarea id="htmlTxt" style="height:100px;width:99%;"></textarea>
	                    </td>
	                  </tr> 
                    </table>
				</div>
           </fieldset>
        <fieldset class='ccay-demo'>
          <legend ><h2>结果区</h2></legend>
			<div>
				<div style="overflow:auto;" id="demoMainPanel"></div>
			</div>
        </fieldset>
     </div>
	 <div title="FAQ">
		  <form class="init ccay-form">
		    <div class="ccay-form-body">
		    <ul>
		    	<li class="ccay-form-row">
			      <samp><h3>问题</h3></samp>
			      <span class="ccay-form-input">
			               <h3>解决方案</h3>
			      </span>
			    </li>
		    </ul>
			</div>     
			<div class="ccay-form-custom">
			    <ul>                     
			        <!-- 若问题和内容较多，可在li中的class加上ccay-form-whole -->
			        <li class="ccay-form-row">
			                          <samp class="i18n" i18nKey=""></samp>                          
			                         <span class="ccay-form-input"></span>
			        </li>  
			    </ul>
			</div>
		  </form>                    
    </div> 
</div>
